<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script> -->
    <script src="./js/goCart.js"></script>
    <link rel="stylesheet" href="css/goCart.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="icon" href="./images/icon.png">
    <title>购物车</title>
</head>

<body>
    <iframe src="./header.html" scrolling="no" frameborder="0" width="100%" height="45px" frameborder="0"></iframe>
    <div class="main">
        <table id="myTableProduct">
            <tr>
                <td><input type="checkbox" class="all">全选</input></td>
                <td>图书图片</td>
                <td>图书信息</td>
                <td>价格</td>
                <td>数量</td>
                <td><button class="cut">批量删除</button></td>
            </tr>

            <tr>
                <td><input type="checkbox" class="sonCheck">选择</input></td>
                <td class="photo">
                    <div>
                        <img src="./images/kdy3.jpg" alt="图书">
                    </div>
                </td>
                <td class="detail">
                    <p>书名:<span class="bName">三体</span></p>
                    <p>作者:<span class="bAuthor">刘慈欣</span></p>
                    <p>出版社:<span>人民出版社</span></p>
                    <p>分类:<span>科幻</span></p>
                </td>
                <td>￥<span class="bPrice">29.99</span></td>
                <td><input type="text" value="1" class="num bNum" onblur="calOrder()"></td>
                <td><button class="remove" onclick="del(this)">删除</button></td>
            </tr>

        </table>
        <div class="bottom">
            <div class="add" id="btnOrder">去结算</div>
            <div>
                <p>已选择：<span id="product_mun"></span> 件图书</p>
            </div>
            <div>
                <p>总金额：<span id="product_total">1</span></p>
            </div>

        </div>
    </div>
</body>

</html>